html,
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-top: 0px;
    position: relative;
    overflow-y: auto;
	top: 0;
	width: 100%;
	height: 100%;
	min-height:100% !important;
	min-width: 100% !important;
}

.game{
    background: url('../xjimg//gamebg.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
}
.games{
    background: url('../xjimg//bgsd.gif') no-repeat;
    background-size: cover;

    background-position: center;
	width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
}

.top{
    background: url('../xjimg/top.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 7vh;
    padding-top: 3vh;
    display: flex;
    justify-content: center;
}

.title{
    font-size: 3vh;
    color:#25D3EF;
    text-shadow: 1px 1px 1px #11204a;

}
.back{
    background: url('../xjimg/back.png') no-repeat;
    background-size: 100% 100%;
    height: 3vh;
    width: 3vh;
    position: absolute;
    top: 3vh;
    left: 3vh;
}
.yy{
    background: url('../xjimg/yy.png') no-repeat;
    background-size: 100% 100%;
    height: 3vh;
    width: 3vh;
    position: absolute;
    top: 3vh;
    right: 3vh;
}
.cd-top{
    display: flex;
    justify-content: space-between;
}
.gamegz{
    background: url('../xjimg/btn1.png') no-repeat;
    background-size: 100% 100%;
    height: 5vh;
    width: 15vh;
    color: #25D3EF;
    line-height: 5vh;
    margin: 0 2vh;
}
.gametime{
    color: #fff;
}
.gametop{
        background: url('../xjimg/topbord.png') no-repeat;
        background-size: 100% 100%;
        height: 14vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #fff;
}
.time{
    margin-top: 1vh;
    color: #25D3EF;
    font-size: 3vh;
    text-shadow: 1px 1px 1px #11204a;
}
.gamebtn{
    display: flex;
    justify-content: space-around;
    width: 95%;
    margin: 3vh auto -3vh;
    align-items: center;
}
.buy{
    background: url('../xjimg/buy.png') no-repeat;
    background-size: 100% 100%;
    height: 8vh;
    width: 15vh;
    line-height: 8vh;
    text-align: center;
}
.startgame{
    background: url('../xjimg/startgame.png') no-repeat;
    background-size: 100% 100%;
    height: 8vh;
    width: 20vh;
    line-height: 8vh;
    text-align: center;
}
.yjtg{
    background: url('../xjimg/yjtg.png') no-repeat;
    background-size: 100% 100%;
    height: 8vh;
    width: 15vh;
    line-height: 8vh;
    text-align: center;
}

.gamebottom{
    background: url('../xjimg/bottombord.png') no-repeat;
    background-size: 100% 100%;
    height: 21vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: #fff;
}
.jrsyjsj{
    font-size: 1.5vh;
    line-height: 3vh;
    text-shadow: 1px 1px 1px #11204a;
}
.tik{
    font-size: 1.5vh;
    line-height: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}
.num{
    color: #25D3EF;
    font-size: 3vh;
    text-shadow: 1px 1px 1px #11204a;
}
.bottomcd{
    background: url('../xjimg/bottom.png') no-repeat;
    background-size: 100% 100%;
    height: 15vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #fff; 
    align-items: center;
    padding-top: 1vh;
}
.cdbtn{
    height: 7vh;
    width: 16vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.cdbg{
    background: url('../xjimg/cd.png') no-repeat;
    background-size: 100% 100%;
}
.cdbg2{
      background: url('../xjimg/cd2.png') no-repeat;
      background-size: 100% 100%;  
}
.icon{
    width: 3vh;
    height: 3vh;
    margin-right: 1vh;
}
.bs{
    color: #fff;
}
.ls{
    color: #25D3EF;
}
.icbs1{
    background-image: url('../xjimg/cd_sy2.png');
    background-size: 100% 100%;
}
.icls1{
    background-image: url('../xjimg/cd_sy.png');
    background-size: 100% 100%;
}
.icbs2{
    background-image: url('../xjimg/cd_kc2.png');
    background-size: 100% 100%;
}
.icls2{
    background-image: url('../xjimg/cd_kc.png');
    background-size: 100% 100%;
}
.icbs3{
    background-image: url('../xjimg/cd_wd2.png');
    background-size: 100% 100%;
}
.icls3{
    background-image: url('../xjimg/cd_wd.png');
    background-size: 100% 100%;
}
.gamebody{
    margin: -7vh 0 -2vh;
}
.mmt{
    display: flex;
    justify-content: center;
}
.bds{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cct{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.bgtx{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10vh;
    width: 9vh;

}
.txs{
    position: absolute;
    border-radius: 100%;
    height: 7vh;
    width: 7vh;
    z-index: 0;
    margin-top: -0.3vh;
}
 .ac{
    background: url('../xjimg/icon1.png') no-repeat;
    background-size: 100% 100%;
    height: 10vh;
    width: 9vh;
    z-index: 100;
    position: relative;
}
.bc{
    background: url('../xjimg/icon.png') no-repeat;
    background-size: 100% 100%;
    height: 10vh;
    width: 9vh;
    z-index: 100;
    position: relative;
}
.gamestarts{
    background: url("../xjimg/startbg.png") no-repeat;
    background-size: 100% 100%;
    height: 20vh;
    width: 25vh;
    margin: 0 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #23C3DE;
    font-size: 2.5vh;
}
.ppgame{
    background: url("../xjimg/ppgame.png") no-repeat;
    background-size: 100% 100%;
    height: 20vh;
    width: 25vh;
    margin: 0 1vh;
}
.to{
    margin: -3vh 3vh 0;
}
.bo{
    margin: 3vh 3vh 0;
}
.co{
    margin: 1vh 2vh 1vh 0;
}
.co2{
    margin: 1vh 0 1vh 2vh;
}
.hw{
    color: #fff;
    position: absolute;;
    bottom: 0.8vh;
    left: 4vh;
}
.hws{
    color: #fff;
    position: absolute;;
    bottom: 0.8vh;
    left: 3.8vh; 
}

.zhezhao{
    background: #020D2E;
}
	
.wl-body{
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 100%;
    background: url('../xjimg//gamebg.png') no-repeat;
	background-size: 100% 100%;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    /* animation: sg .3s infinite linear 300ms 0 ease;
    animation: sg 0.8s  linear; */
}
@keyframes sg {
  0% {
    transform: scale(0.5);
    opacity: 0.2;
    transform: translateX(-20%);
  }
  50% {
    transform: scale(0.8);
    opacity: 0.8;
    transform: translateX(-30%);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    transform: translateX(0%);
  }
}


    .slideIn {
      animation: slideIn1 .8s ease forwards;
  
    }
    .slideOut {
      animation: slideOut .8s ease forwards;
    }
    @keyframes slideIn1 {
      0% {
        transform: translateX(0%);
      }
      50% {
        transform: translateX(-50%);
      }
      100% {
        transform: translateX(0%);
      }
    }
    @keyframes slideOut {
      0% {
        opacity: 0.5;
        transform: translateX(-50%);
      }
      100% {
        opacity: 1;
        transform: translateX(0%);
      }
    }

.mtop{
    background: url('../xjimg/top.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 5vh;
    padding-top: 2vh;
}
.txts{
    color: #25D3EF;
    font-size: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}
.black{
    background: url('../xjimg/back.png') no-repeat;
    background-size: 100% 100%;
    height: 3vh;
    width: 3vh;
    position: absolute;
    top: 1vh;
    left: 3vh;
}

.wl-gamesm{
    background: url('../xjimg/gamesm.png') no-repeat;
    background-size: 100% 100%;
    min-height: 70vh;
    min-width: 80%;
    height: auto;
    color: #25D3EF;
    padding: 10vh 3vh 2vh;
    text-align: left;
    font-size: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}
.tp{
    margin: 2vh 1vh;
}
.tt{
    margin: 1vh ;
    text-indent: 3vh;

}

.btn-top{
    background: url('../xjimg//btn_top.png') no-repeat;
    background-size: 100% 100%;
    height: 15vh;
    width: 100%;
    display: flex;
    justify-content: center;
    background-position-y: 16px;

}
.btn-tops{
    width: 100%;
    display: flex;
    justify-content: center;
    background-position-y: 16px;
}
.t-left{
    background: url('../xjimg/ca.png') no-repeat;
    background-size: 100% 100%;
    height: 8vh;
    width: 100%;
    padding-top: 2vh;
    text-align: left;
}

.t-right{
    background: url('../xjimg/cb.png') no-repeat;
    background-size: 100% 100%;
    height: 8vh;
    width: 100%;
    padding-top: 2vh;
    text-align: right;
}
.sac{
    background: url('../xjimg/cb1.png') no-repeat;
    background-size: 100% 100%;
}
.sbc{
    background: url('../xjimg/ca1.png') no-repeat;
    background-size: 100% 100%;
}
.t-lb{
    color: #fff;
    font-size: 2vh;
    text-align: center;
    text-shadow: 1px 1px 1px #11204a;
}
.zcnum{
    color: #fff;
    font-size: 2vh;
    width: 18vh;
    margin: 1vh auto;
    text-shadow: 1px 1px 1px #11204a;
}
.btn-bottom{
    background: url('../xjimg/bottombord.png') no-repeat;
    background-size: 100% 100%;
    height: 15vh;
    width: 100%;
}
.gamejl-list{
    margin-top: -8vh;
 
}
.gamejl-list ul li{
    height: 3vh;
    border-bottom: 1px solid #007ede;
    color: #fff;
    width: 100%;
    margin: 1vh auto;
    padding: 1.5vh 1vh;
}
.item{
    font-size: 2.5vh;
    text-shadow: 1px 1px 1px #11204a;
    display: flex;
    justify-content: space-between;
    align-items: center;  
    color: #fff;  
    height: 3vh;
}
.llsd{
    border-bottom: 1px solid #007ede;
    color: #fff;
    margin: 1vh auto;
    padding: 1.5vh 1vh;
}
.w8{
    width: 90%;
    margin: 0 auto;
    height: 6vh;
}

.a1{
    flex: 1;
}
.a2{
    flex: 1;
}
.a3{
    flex: 2;
}
.t{
    text-shadow: 1px 1px 1px #11204a; 
}
.mpinfo{
    color: #25d3ef;
    text-align: left;
    margin-left: 3vh;
}
.mptxt{
    font-size: 3vh;
    text-shadow: 1px 1px 1px #11204a;
}
.mpintxt{
    font-size: 1.5vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
    text-shadow: 1px 1px 1px #11204a;
}
.mp-list{
    font-size: 1.5vh;
    font-weight: 200;
    width: 90%;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #11204a;
}
.mp-list-i{
  background: url('../xjimg/xkuang.png') no-repeat;
  background-size: 100% 100%;
  height: 5vh;
  margin: 0.1vh auto;
  color: #fff;
  padding:4vh 5vh;
}
.mp-list-is{
  background: url('../xjimg/xkuangc.png') no-repeat;
  background-size: 100% 100%;
  height: 5vh;
  margin: 0.1vh auto;
  color: #fff;
  padding:4vh 5vh;
}
.list-flex-column{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.list-flex-row{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;

}
.yxq{
    font-size: 2.5vh;
    text-shadow: 1px 1px 1px #11204a;
    margin: 0.5vh 0;
}
.pay{
    background: url('../xjimg/btn.png') no-repeat;
    background-size: 100% 100%;
    height: auto;
    width: auto;
    line-height: 10vh;
    font-size: 3vh;
    color: #fff;
    margin: 5vh 10vh;
    padding: 1vh;
    text-shadow: 1px 1px 1px #11204a;
}

.xzks{
    position: absolute;
    background: rgba(0, 0, 0, 0.68);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    z-index: 999;
    transition: all 0.5s;
}
.mywin{

   background: url('../xjimg/gg.png') no-repeat;
    background-size: 100% 100%;
    height: 45vh;
    width: 100%;
}
.jl{
   font-size: 3vh; 
   text-shadow: 1px 1px 1px #11204a;
   color: #fff;
   margin: 2vh auto 0;
}
.sfjx{
    font-size: 1.5vh;
    text-shadow: 1px 1px 1px #11204a;
    color: #E3A31B;
    margin: 1vh auto 5vh;
}
.dliogtxt{
    color: #27e2fe;
    height: 8vh;
    line-height: 8vh;
    width: 100%;
    text-align: center;
    margin-top: 5vh;
    font-size: 3vh;
}

.dlig{
    background: url('../xjimg/dlig.png') no-repeat;
    background-size: 100% 100%;
    height: 33vh;
    width: 90%;
}

.qrzf{
    height: 5vh;
    width: 80%;
    line-height: 5vh;
    font-size: 3vh;
    margin: 8vh auto 1vh;
}
.flex-row{
    display: flex;
    justify-content: center;
    align-items: center;

}
.queding{
    background: url('../xjimg/queren.png') no-repeat;
    background-size: 100% 100%; 
    height: 5vh;
    width: 15vh;
    line-height: 5vh;
    margin: 0.5vh 2vh;
    text-align: center;
}
.quxiao{
    background: url('../xjimg/quxiao.png') no-repeat;
    background-size: 100% 100%; 
    height: 5vh;
    width: 15vh;
    line-height: 5vh;
    margin: 0.5vh 2vh;
    text-align: center;
}
.yytitle{
    margin-top: 7vh;
    font-size: 3vh;
    text-shadow: 1px 1px 1px #11204a;
}
.yysch{
    display: flex;
    justify-content: center;
    border: 1px solid #007ede;
    border-radius: 5px;
    width: 20vh;
    margin: 1vh auto;

}
.zwxz{
    border-radius: 5px;
    color: #fff;
    width: 15vh;
    height: 3vh;
    line-height: 3vh;

}
.xz{
    background: #20BCD8;
    height: 100%;
}
.ywxz{
    border-radius: 5px;
    color: #fff;
    width: 15vh;
    height: 3vh;
    line-height: 3vh;
}

.autodlig{
    background: url('../xjimg/gg.png') no-repeat;
    background-size: 100% 100%;
    height: 40vh;
    width: 90%;
    text-align: left;
    padding:0 5vh 5vh;
}
.autobody{
    padding-left: 3vh;
    padding-right: 4vh;
    padding-bottom: 5vh;
    height: 27vh;
}
.autotitle{
    color: #fff;
    font-size: 1.5vh;
    margin: 1vh 0;
    text-shadow: 1px 1px 1px #11204a;
    
}
.tip{
    margin-top: 2vh;
    font-size: 2vh;
    color: #20BCD8;
    text-shadow: 1px 1px 1px #11204a;

}
.t-5{
    margin-top: 3vh;
}
.t-1{
    margin-top: 1vh;
}
.ggdlig{
    background: url('../xjimg/gg.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    text-align: left;
}
.ggdliogtxt{
    color: #27e2fe;
    height: 8vh;
    line-height: 8vh;
    width: 100%;
    text-align: center;
    margin-top: 6vh;
    font-size: 3vh;
}
.ggbody{
    padding-top: 1vh;
    padding-left: 3vh;
    padding-right: 4vh;
    padding-bottom: 5vh;
    height: 30vh;
}
.ggtitle{
    font-size: 2vh;
    color: #9BF3F5;
    text-shadow: 1px 1px 1px #11204a;
    margin: 0.5vh 5vh;
    height: 20vh;
    overflow-y: auto;
}
.bdgx{
    padding-top: 7vh;
    padding-left: 3vh;
    padding-right: 3vh;
    padding-bottom: 5vh;
}
.bdgxtitle{
    margin-top: 1vh;
}
.numsad{
    margin: 2vh;
    height: 2vh;
}
.inputs{
    background: #20BCD8;
    color: #fff;
    border: none;
    border-radius: 5px;
    height: 4vh;
    padding-left: 1vh;
    width: 60%;
}
 input::-webkit-input-placeholder {
    color: #fff;
  }
 input::-moz-input-placeholder {
    color: #fff;
  }
input::-ms-input-placeholder {
    color: #fff;
  }
.errortip{
    font-size: 2vh;
    color: red;
    text-align: center;
    margin: 1vh ;
    height: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}

.wl-myinfo{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: -2vh auto 0;
}
.info-tops{
    margin:2vh auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.info-left{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.info-line{
    display: flex;
    align-items: center;
    font-size: 3vh;
}

.name{
    font-size: 3vh;
    text-shadow: 1px 1px 1px #11204a;
    width: 20vh;
    overflow: auto;
}
.vip{
    background: #20BCD8;
    border-radius: 5px;
    padding: 0.5vh;
    margin-left: 0.5vh;
    font-size: 1.5vh;
}
.yyqnd{
    width: 20vh;
    overflow: auto;
}
.info-txt{
    color: #fff;
    text-align: left;
    margin-left: 1vh;
}
.mydetx{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mrtxbg{
    height: 9vh;
    width: 10vh;
    background: url('../xjimg/tx.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 100;
}
.mrtx{
    height: 7vh;
    width: 7vh;
    border-radius: 50%;
    position: absolute;
    z-index: 50;
    
}
.wl-yqhy{
    background: url('../xjimg/bord.png') no-repeat;
    background-size: 100% 100%;
}
.wl-ggz{
    text-align: left;
    min-height: 40vh;
    width: 80%;
    height: auto;
    color: #25D3EF;
    padding: 1vh 0vh 2vh;
    font-size: 2vh;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #11204a;

}
.fuzhi{
  background: transparent;
    margin-left: 0.5vh;
    border: none;
}
.jdizhide{
    text-align: center;
    overflow: auto;
    width: 40vh;
    background: #14203e;
    border-radius: 3px;
    height: 5vh;
    line-height: 5vh;
    border: 1px solid #007ede;
    margin: 2vh auto;
    color: #fff;
    font-size: 2vh;
    padding: 0 1vh;
    text-shadow: 1px 1px 1px #11204a;
}
.erweima{
    margin: 3vh auto;
}
.erweima img{
    border-radius: 1px;
    box-shadow: 1px 1px 1px #11204a;
}
.txtds{
    font-size: 1.5vh;
    margin: 0.5vh auto;
    color: #fff;
}
.mycode{
    color: #fff;
    margin: 0.5vh auto;
    font-size: 2vh;
}
.ddes{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 5vh;
}
.mfuzhi{
    border: none;
    background: url('../xjimg/btn1.png') no-repeat;
    background-size: 100% 100%;
    height: 5.5vh;
    width: 16vh;
    margin-left: 0.5vh;
    color: #fff;
    margin: 1vh auto;
}
.yqicon{
    height: 3vh;
    width: 3vh;
}
.yqhy{
    color:#05d6e4;
    font-size: 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.ff{
    width: 2vh;
}
.set{
    height: 5vh;
    width: 5vh;
}
.ye-body{
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}
.ye-left{
    background: url('../xjimg/usdtye.png') no-repeat ;
    background-size: 100% 100%;
    height: 11vh;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.ye-right{
    background: url('../xjimg/bfrye.png') no-repeat ;
    background-size: 100% 100%;
    height: 11vh;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ttt{
    color: #05d6e4;
    font-size: 2vh;
    margin-top: 1vh;
    text-shadow: 1px 1px 1px #11204a;
}
.yes{
    color: #fff;
    font-size: 2vh;
    margin: 0.5vh auto;
    text-shadow: 1px 1px 1px #11204a;
    width: 18vh;
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
    line-height: 3vh;
    height: 3vh;
    font-size: 3vh;
    overflow-y: hidden;
}
.info-icons{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 85%;
    margin: 2vh auto;
}
.ss{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.imgicon{
    height: 8vh;
    width: 9vh;
}
.dtt{
    font-size: 2vh;
    color: #25D3EF;
    margin: 0.1vh auto;
    text-shadow: 1px 1px 1px #11204a;
}

.info-lli{
    background: url('../xjimg/uinfo.png') no-repeat ;
    background-size: 100% 100%;
    width: 100%;
    height: 20vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.info-lines{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 1vh;
}

.info-sllad{
    background: url('../xjimg/uinfo1.png') no-repeat ;
    background-size: 100% 100%;
    width: 100%;
    height: 25vh;
    margin-top: 3vh;
}
.zybs{
    margin: 5vh 2vh 2vh;
    text-align: left;
}
.t1sd{
    font-size: 2.5vh;
    color: #fff;
    margin: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}
.t2sd{
    font-size:1.5vh;
    color: #fff;
    margin: 2vh;
    text-shadow: 1px 1px 1px #11204a;
}
.shengqing{
    background: url('../xjimg/btn.png') no-repeat;
    background-size: 100% 100%;
    height: 6vh;
    width: 15vh;
    line-height: 6vh;
    font-size: 2vh;
    color: #fff;
    margin: 1vh auto;
    text-shadow: 1px 1px 1px #11204a;
}
.mxxx{
    /* background: url('../xjimg/mx.png') no-repeat;
    background-size: 100% 100%; */
    height: 5vh;
    width: 5vh;
    font-size: 2vh;
    position: absolute;
    top: 3vh;
    right: 3vh;
    color: #05d6e4;
}
.czbody{
   width: 90%;
   margin: -8vh auto -12vh;
   max-height: 60vh;
   overflow: auto;
   height: 100%;
   min-height: 20vh;
}
.cz-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 3vh 1vh;
}
.tighsd{
    height: 2vh;
    width: 2vh;
}
.cols{
    font-size: 2vh;
    color: #fff;
    text-shadow: 1px 1px 1px #11204a;
}
.col{
    font-size: 2vh;
    color: #fff;
    text-shadow: 1px 1px 1px #11204a; 
}
.iii{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 1vh 0;
    padding-left: 2vh;
    padding-right: 0.5vh;
    padding-bottom: 1vh;
    border-bottom: 1px solid #007ede;
}
.iiis{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}
.insput{background: transparent;border: none; color: #fff; font-size: 2vh;flex: 1;	text-align: left;	text-shadow: 1px 1px 1px #11204a;
}

.sdwwe{
    color: #05d6e4;
    font-size: 1.5vh;
    text-shadow: 1px 1px 1px #11204a;
}
.chongzbtn{
    background: url('../xjimg/btn.png') no-repeat;
    background-size: 100% 100%;
    height: 9vh;
    width: 25vh;
    line-height: 9vh;
    font-size: 2.5vh;
    color: #fff;
    margin: 5vh auto;
    text-shadow: 1px 1px 1px #11204a;
}
.xzdlig{
    background: url('../xjimg/xzbz.png') no-repeat;
    background-size: 100% 100%;
    height: 30vh;
    width: 90%;
}
.ssdef{

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;  
    margin: 2vh 0;
    height: 5vh;
}
.ssdefr{
    background: url('../xjimg/xzbz-r.png') no-repeat;
    background-size: 100% 100%;
}
.ssdefl{
    background: url('../xjimg/xzbz-l.png') no-repeat;
    background-size: 100% 100%;
}
.imgcc{
    width: 3vh;
    height: 3vh;
    margin: 0 2vh;
}
.ssdefs{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.sjkuai{
    margin: 2vh 1vh;
}
.sdeqadwd{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.btnsde{
    background: url('../xjimg/btn1.png') no-repeat;
    background-size: 100% 100%;
    height: 5vh;
    width: 15vh;
    color: #25D3EF;
    line-height: 5vh;
    margin: 0 2vh;
}
.ttis{
    font-size: 2vh;
    text-align: left;
    color: #05d6e4;
    margin-left: 1vh;
    text-shadow: 1px 1px 1px #11204a;
    border-left: 2px solid;
    padding-left: 1vh;
}
.zlc-bg{
    background: url('../xjimg/zlc.png') no-repeat;
    background-size: 100% 100%;
    height: 20vh;
    width: auto;
    margin: 1vh auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5% 10%;
}
.zlc2-bg{
    background: url('../xjimg/zlc2.png') no-repeat;
    background-size: 100% 100%;
    height: auto;
    width: auto;
    margin: 1vh auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5% 10%;
}
.h-10{
    height: 65vh;
}
.line1{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    margin: 1vh;
  
}
.zlc-items{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.8vh;
    flex: 1;
    text-shadow: 1px 1px 1px #11204a;
}
.titi{
    color: #05d6e4;
    text-shadow: 1px 1px 1px #11204a;
}
.tnum{
    color: #fff;
    margin: 0.5vh 0;
    width: 18vh;
			flex-wrap: nowrap;
			overflow-x: auto;
			white-space: nowrap;
            text-shadow: 1px 1px 1px #11204a;
            line-height: 3vh;
    height: 3vh;
    font-size: 3vh;
    overflow-y: hidden;
}
.border{
    width: 100%;
    height: 1px;
    background: #007ede;
    opacity: 0.8;
}
.borders{
    width: 1px;
    height: 5vh;
    background: #007ede;
    opacity: 0.8;
}
.ssder{
    background: url('../xjimg/teamtop.png') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;   
    padding: 1.5vh 0;
}
.asdw{
    color: #05d6e4;
    font-size: 2vh;
}
.reds{
color: #E73D44;
font-size: 2vh;
}
.greens{
    color: #6AFEB4;
    font-size: 2vh;
}
.pshe{

}
.loging {
    animation: rotate 0.5s linear 1s infinite;
}

@keyframes rotate {
    0% {
        opacity: 1;
        transform: scale(0.5);
        /* transform: rotate(0deg); */
    }
    0% {
        opacity: 1;
        transform: scale(0.8);
        /* transform: rotate(0deg); */
    }


    100% {
        opacity: 1;
        transform: scale(1);
        /* transform: rotate(360deg); */
    }

    
}
.topbtns{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.topbtns .btns{
    border: 1px solid #00c5ff;
    color: #fff;
    text-shadow: 1px 1px 1px #11204a;
    padding: 1vh;
    font-size: 1.5vh;

}
.topbtns .btns.acd{
    background: #00c5ff;
    
}
